@charset "utf-8";
html,body{ font-family: "Microsoft YaHei","微软雅黑" !important;/*兼容Opera*/ -webkit-text-size-adjust:none}
img{max-width:100%;}
.container{width:1200px;position:relative;margin: 0 auto;	padding:0;box-sizing:border-box;}

.header,
.footer,
.bodyer
{min-width:1200px !important;}

.bodyer{padding:15px 0;}
.header{ width:100%; position:relative; overflow:visible;z-index: 55;height: 80px;z-index:9999;
    border-bottom:1px solid hsla(0,0%,100%,.25);
}

/*.header-bg{position: absolute;top:0;left:0;width: 100%;height: 100%;display: none;}*/
.header .logo{width:300px;float: left;padding:20px 0px;}
.header .logo img{ width: auto;}/*138*50*/
.header .tel-nav{float:right;}



/*导航*/
.top-line{background: #efefef; height: 40px;line-height: 40px;}
.top-line .web_title{float: left;width: 63%;
    overflow: hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.top-line ul{float: right;overflow: hidden}
.top-line ul li{float: left;margin-left: 15px;}
.top-line ul li.tel{background:#1ebbf0;padding: 0px 15px;color:#fff; }
.top-line ul li a{font-size: 12px;}

.top-nav{float:right;padding: 0px;border-radius:0px;overflow:visible; height: 100px; line-height:100px;}
.top-nav > li{float: left;overflow: visible;}
.top-nav > li > a{padding:0px 20px;font-size: 16px;}
.top-nav > li > a.r{padding-right:0px;}
.top-nav > li > a:hover{
    color: #1ebbf0;
    background: -webkit-linear-gradient(left, #1ebbf0 30%, #39dfaa 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip:text;}
.nav-content-bg{width:100%;border-top:2px #efefef solid; display: none;
    background: #fff;position: absolute;top:139px;left:0px;}
.nav-content{padding: 30px 10px;overflow: hidden;display: none;}
.nav-content .text{float:left;width: 700px;}
.nav-content .text b{font-size: 20px; color:#1ebbf0;line-height: 45px;}
.nav-content .text p{width: 100%;height:78px;overflow: hidden;
    margin-top: 10px; line-height: 26px;color:#666;font-size: 13px;
}
.nav-content > .text ul{overflow: hidden;margin-top: 20px;}
.nav-content > .text ul li{float: left;margin-right: 30px;line-height: 30px}
.nav-content > .text ul li a{display: block;font-weight:bold;}
.nav-content > .text ul li a span{font-size: 12px;}
.nav-content .img{float: right;height: 200px;width: 355px;overflow:hidden;}


/*main标题*/
.main-title{ padding:45px 0 25px; text-align: center;margin: 0px auto;max-width: 1200px;}
.main-title h2{display:inline-block; vertical-align: top; font-size:30px; color:#333;font-weight: bold;}
.main-title p{ font-size:14px; color:#666; padding-top:8px; letter-spacing: 2px;text-transform: uppercase;}

/*底部*/
.footer {width:100%; margin:10px auto 0px; background:#434343; overflow:hidden;min-width:1200px; }
.footer a{color:#555;}
.footer a:hover{color:#1ebbf0;}
.footer .footer-info{text-align:center;padding:30px 0px;background-color:#f2f2f2;}

.footer .footer-nav{overflow: hidden;margin: 30px auto 20px;}
.footer .footer-nav li{float:left;}
.footer .footer-nav li.kf-img{width: 50px;margin: 0px 20px 0px 0px; }
.footer .footer-nav li.kf-img .layui-icon{color:#333;font-size: 50px;}
.footer .footer-nav li.about{width: 180px;text-align: center}
.footer .footer-nav li.about ul{width: 100%;}
.footer .footer-nav li.about ul li{width: 100%;line-height:30px;text-align: left;}
.footer .footer-nav li.about ul li.title{font-size: 16px;color:#333;font-weight: bold;height: 35px;}

.footer .footer-nav  li.contact{width: 300px;border-right:1px solid rgba(0,0,0,.3);margin-right: 100px;text-align:left;}
.footer .footer-nav  li.contact .title{font-size:14px;color: #333;height: 20px;}
.footer .footer-nav  li.contact .tel{font-size: 28px;color:#1ebbf0;}
.footer .footer-guest{width: 200px; position: relative;padding: 10px 0px;}
.footer .footer-guest input{border:1px solid #ccc; padding:5px;height: 20px; width: 100%;margin-bottom: 6px;
    border-radius: 3px;resize: none;outline: none;}
.footer .footer-guest input:focus{border: 1px solid #666;}
.footer .footer-guest button{display: block;width: 210px;height: 30px;
    margin: auto;color: #fff;border: none;border-radius: 3px;
    background: #555;
    cursor: pointer;
}
.footer .footer-guest button:hover{background-color: #1ebbf0;}


.footer .footer-info .kf{ padding: 0px;display: block;text-align: left;margin-top:5px;font-size:12px;}
.footer .footer-info .kf a{margin-right: 5px;}
.footer .footer-info .kf p{line-height: 35px;font-size: 12px;color: #666;}

.footer .bottom{margin:0px auto;padding:20px;color:#ccc; text-align:center;}
.footer .bottom .copyright{font-size:12px;}
.footer .bottom a{color:#ccc;}
.footer .bottom a:hover{color:#fff;}

/*通用*/
.clear{clear:both;}
.fl{float: left;}
.m-r{margin-right: 0px;}
.relative{position: relative;}
/*css动画*/
.transition{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;	-o-transition: all 0.5s;transition: all 0.5s;}
/*阴影*/
.box-shadow{-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}



.more-conter{ text-align:center;margin:20px auto;}
.more-conter a{ margin:auto 0.3em; padding-left:1em;padding-right:1em;}



/*详情页 产品参数*/
.table_setup   { background-color:#fff;}
.table_setup li{float:left; line-height:40px; height:40px;border-bottom: 1px solid #eeeeee;}
.table_setup li:nth-child(2n+1) {width:31.5%; background-color:#f6f6f6; text-align:right; padding-right:2%; color:#666;}
.table_setup li:nth-child(2n)   {width:64.5%; background-color:#fefefe; padding-left:2%; color:#333;}


/*友情链接*/
.i-flink{ overflow: hidden; }
.i-flink ul{width: 1200px;margin: 0px auto;overflow: hidden;}
.i-flink ul li{float:left;position: relative;}
.i-flink ul li a{display: block;padding: 5px 10px}